/* Portolio Hover */
.da-thumbs li ,
.da-thumbs li  img {
	
	position: relative;
}
body { color:#111; margin:0; padding:0;}
ul, li { list-style:none; margin:0; padding:0;text-decoration:none}
a { color:#OOO}
.website{ width:100%; margin:0; background: url(../../images/home/bg.png) repeat; height:auto}
.headerWrapper{ height:120px; background: url(../../images/home/bg_h.png) repeat-x; }
.header{ width:800px; margin:0 auto; text-align:center; height:100px}
.header img{ float:left; padding:27px 0 0 90px}
.header a{ width:664px; float:right;text-decoration:none }
.header a h1{ font-size:30pt; font-weight:bold; color: #F90; text-shadow: 2px 2px 0 #F2F2F2, 1px 2px 0 #B1B1B2; text-transform: uppercase;}
.header a h1:hover{ color:#000}
.clr{ clear:both}
.mainWrapper{ width:100%; height:700px;}
.main{ width:800px; margin:0 auto}
.main h2{ text-align:center; Helvetica  ;font-size:20pt; color:#0389a6}
.main ul { padding:5px}
.main ul li{ float:left; padding:0px; margin:8px}

.da-thumbs li  {overflow: hidden;}
.da-thumbs li  article {position: absolute; background: url(../../images/home/bg_img.png) repeat;width: 100%;height: 66%; text-align:left; cursor:pointer; padding:6px 10px}
.da-thumbs li  article.da-animate {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
/* Initial state classes: */
.block_hot article {position: absolute; background: url(../../images/home/bg_hover.png) no-repeat !important;}
.block_hot2 article {position: absolute; background: url(../../images/home/bg_hover.png) no-repeat !important; height:60% !important}
.block_hot .bnt_sosanh{ margin: 19px auto 0}
.nav_content_sale article{ height: 73% !important; }
.box_on{ width: 100%; height: 100%; text-align:center !important}
.box_on img{ margin-top: 40px ; width:126px !important; height:148px !important}
.nav_content_sale .box_on h2{ font-size:18px; color:#ffcc00; text-transform:uppercase; padding: 10px 0; text-align:center !important; height:29px !important}
.box_on h1{ font-size:36px; color:#ffcc00; text-transform:uppercase;}
.box_off{ width: 100%; height: 100%; text-align:center !important}
.box_off img{ margin-top: 40px; margin-bottom:0px; width:126px !important; height:148px !important}
.nav_content_sale .box_off h2{ font-size:18px; color:#fff; text-transform:uppercase; padding: 10px 0; text-align:center !important; height:29px !important}
.box_off h1{ font-size:36px; color:#fff; text-transform:uppercase;}



.da-slideFromTop {left: 0px;top: -100%;}
.da-slideFromBottom {left: 0px;top: 100%;}
.da-slideFromLeft {top: 0; left: -100%;}

.da-slideFromRight {top:0;left: 100%;}
/* Final state classes: */
.da-slideTop {top: 0;}
.da-slideLeft {left: 0px;}
.da-thumbs li  article a {color:#fff;padding:20px;display:block;}

.da-thumbs {text-align:center;}
.da-animate{ width: 100%; height:100%}
.da-animate h3{color:#fff;padding-top:10px !important; font-size:19px; padding-left:15px !important}
.da-animate p{ font-size:13px !important; color:#FFF !important; padding-left:5px; padding-right:10px; font-weight:400}
/*
.da-thumbs li  article h3{color:#fff;padding-top:10px !important; font-size:19px; padding-left:15px !important}
.da-thumbs li  article p{ font-size:13px; color:#FFF; padding-left:5px; padding-right:10px; font-weight:400}
.da-thumbs li  article em{}*/

.da-thumbs li  article span{ color:#ffc100}

span.link_post{display:block;width:35px;height:35px;background-color:#DF6232;border-radius:50px;cursor:pointer;background-imageurl(../../images/home/link_post_icon.png);background-repeat:no-repeat;background-position:center;
margin-right:10px;}

span.zoom{overflow:hidden;display:block;width:35px;height:35px;background-color:#DF6232;border-radius:50px;
cursor:pointer;background-image:url(../../images/home/zoom_icon.png);background-repeat:no-repeat;background-position:center;margin-left:10px;}

.portfolio_2col article h3{padding-top:70px !important;}

/* Image Grid */
.image_grid {float:left;overflow:hidden;width:700px;position:relative;}

.image_grid li{float: left;line-height: 17px;color: #686f74;list-style:none;overflow:hidden;margin-bottom:23px;margin-right:23px;text-align:center;}


/* Responsive image grid*/
/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {

.image_grid{
width:300px;
}

.image_grid li img{
width:220px;
}

.portfolio_4col .da-thumbs li article h3{
padding-top:70px;
}

.portfolio_3col .da-thumbs li article h3{
padding-top:50px;
}

.portfolio_2col .da-thumbs li article h3{
padding-top:53px !important;
}

}


 @media only screen and (min-width: 480px) and (max-width: 767px) {

.image_grid{
width:450px;
}

.image_grid li{
width:178px !important;
}

.portfolio_4col .da-thumbs li article h3{
padding-top:58px;
}

.portfolio_3col .da-thumbs li article h3{
padding-top:34px;
}

.portfolio_2col .da-thumbs li article h3{
padding-top:23px !important;
}

}

